<!doctype html>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="HCharts.css">
    <title>Web Application Starter Project</title>
    <script type="text/javascript" language="javascript" src="hcharts/hcharts.nocache.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/highcharts.js"></script>
	<script type="text/javascript" src="js/themes/gray.js"></script>
  </head>

  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

    <h1>My High Chart</h1>

    <table align="center">
      <tr>
        <td colspan="2" style="font-weight:bold;">The Chart:</td>        
      </tr>
      <tr>
        <td width="800" align="center" id="pLabelContainer"></td> 
      </tr>
      <tr>
      	<td id="chartContainer"></td>
      </tr>
      <tr>
        <td colspan="2" style="color:blue;">USi 2011</td>
      </tr>
    </table>
  </body>
</html>
